<template>
  <el-dialog :visible.sync="dialogVisible" :before-close="handleClose" append-to-body width="80%"
             :close-on-click-modal="false">
    <el-row :gutter="20">
      <el-col>
        <button id="id-creativerepost-componets-edit_tags-openDialog"
                @click="openDialog">点击</button>
      </el-col>
      <el-col></el-col>
      <el-col></el-col>
    </el-row>
    <el-row>

    </el-row>
    <el-dialog
      :title="'素材：' + creativeInfoDialog.name"
      :visible="creativeInfoDialog.dialogVisible"
      width="80%"
      :modal-append-to-body="false"
      :close-on-click-modal="false"
      :append-to-body="true"
      style="text-align: center"
      :before-close="
        () => {
        creativeInfoDialog.dialogVisible = false;
        }
      "
    >
      <creative-info v-if="creativeInfoDialog.dialogVisible" :creative-id="creativeInfoDialog.creativeId"></creative-info>
    </el-dialog>
  </el-dialog>
</template>

<script>
import creativeInfo from "./creativeInfo";
export default {
  name: "edit_tags",
  props: {
    dialogVisible: {
      type: Boolean,
    },
    handleClose: {
      type: Function,
    },
    tagsForm:{
      type:Object
    }
  },
  components:{
    creativeInfo
  },
  watch:{
    tagsForm:{
      deep:true,
      handle(val){
        this.form = val
      },
    }
  },
  data() {
    return {
      form:{},
      creativeInfoDialog:{
        name:'测试',
        dialogVisible:false,
        creativeId:'1'
      }
    }
  },
  methods:{
    openDialog(){
      this.creativeInfoDialog.dialogVisible = true
    }
  }
}
</script>

<style scoped>

</style>
